<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    </h:head>
    <h:body>
        <ui:composition>
            <!--p:panel id="nuevo_acceso"  style="width: 280px;"-->
            <h:form rendered="#{bUsuarioPersona.usuarioLogeado eq false}" >
                <p:growl id="estado" sticky="false"  showDetail="true"/>
                <h:panelGrid columns="2" styleClass="textoAcceso">                    
                    <h:outputLabel for="nombreUsuario" value="(*)Usuario"/>
                    <h:panelGroup>
                        <p:inputText id="nombreUsuario" value="#{bUsuarioPersona.usuario}" required="true" size="25" 
                                     title="Maximo 40 caracteres" requiredMessage="#{msg.ingresarUsuario}" maxlength="40">
                            <f:validateLength minimum="2" maximum="40"/>
                        </p:inputText>
                        <h:message for="nombreUsuario" showDetail="false" showSummary="true" styleClass="errors"/> 
                    </h:panelGroup>
                    
                    <h:outputLabel for="claveUsuario" value="(*)Clave "/>                    
                    <h:panelGroup>
                        <p:keyboard id="claveUsuario" value="#{bUsuarioPersona.clave}" password="true" required="true" 
                                    requiredMessage="#{msg.ingreseClave}" size="18" maxlength="16" title="Maximo 16 caracteres">
                            <f:validateLength minimum="2" maximum="16"/>
                        </p:keyboard>
                        <h:message for="claveUsuario" showDetail="false" showSummary="true" styleClass="errors"/>
                    </h:panelGroup><br/>
                    <h:panelGroup>
                        <p:commandButton id="accesoUsuario"  value="Acceder" image="ui-icon-check" 
                                         action="#{bUsuarioPersona.loginUsuario()}"  global="false" style="margin-left:5px;" update="estado" />                    
                    </h:panelGroup>
                    
                </h:panelGrid>
                <a href="registroUsuario.jsf" Class="textoReducido" > Registrarse &nbsp;&nbsp;&nbsp;&nbsp;</a>
                <a href="olvidoClave.jsf" Class="textoReducido" > Olvid&oacute; su Clave?</a>                
            </h:form>
            <!--/p:panel-->
        </ui:composition>
    </h:body>
</html>